<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>十年陪伴，美好同行</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" > 
	<script type="text/javascript" src="script/Adaptive/Adaptive.js"></script>
	<link rel="stylesheet" type="text/css" href="style/style.css">
	<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>	
	<script type="text/javascript" src="script/jquery/jquery-1.8.2.min.js"></script>
	<script type="text/javascript" src="script/swiper/swiper.min.js"></script>
	<script type="text/javascript" src="script/swiper/swiper.animate1.0.2.min.js"></script>
</head>
<body>


	<section id="MaxCon">
		<div id="cAdiou" class="cAdiou"></div>

		<div id="photoCon">
			<div id="txixBut"><i class="iconfont">&#xe609;</i></div>
			<div class="photoConNei"></div>
			<div class="animeta">
				<div class="fangdian"></div>
				<div class="fangdian"></div>
				<div class="fangdian"></div>
				<div class="fangdian"></div>
				<div class="fangdian"></div>
			</div>
		</div>

		<div class="swiper-container" id="SwiperCon">
			<div class="swiper-wrapper">

				<!-- 页面1 -->
				<div class="swiper-slide slideOne">

					<div class="logo ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="0.7s"><img src="images/page01/logo.png"></div>
					
					<div class="ConSn">
						<div class="title">
							<img class="ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="0.5s" src="images/page01/title_01.png">
							<img class="ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="1s" src="images/page01/title_03.png">
							<img class="ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="1.5s" src="images/page01/title_04.png">
							<img class="ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="2s" src="images/page01/title_05.png">
						</div>
						<div class="title2">
							<img class=" ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="3s" src="images/page01/title2_01.png">
							<img class=" ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="3.5s" src="images/page01/title2_02.png">
							<img class=" ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="4s" src="images/page01/title2_03.png">
							<img class=" ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="4.5s" src="images/page01/title2_04.png">
						</div>
					</div>
					

				</div>



				<!-- 页面2 -->
				<div class="swiper-slide slideTwo">
					<div class="ConSn">
						<div class="an" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="0.3s"><img src="images/page2a/images/02.png"></div>
						<div class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="0.6s"><img src="images/page2a/images/03.png"></div>
						<div class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="0.9s"><img src="images/page2a/images/04.png"></div>
						<div class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="1.2s"><img src="images/page2a/images/05.png"></div>
						<div class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="1.5s"><img src="images/page2a/images/07.png"></div>
						<div class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="1.8s"><img src="images/page2a/images/09.png"></div>
					</div>

				</div>

				<!-- 页面2F -->
				<div class="swiper-slide slideTwo">
					<div class="ConSn">
						<div class="an" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="0.3s"><img src="images/page2b/images/02.png"></div>
						<div class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="0.6s"><img src="images/page2b/images/03.png"></div>
						<div class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="0.9s"><img src="images/page2b/images/04.png"></div>
						<div class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="1.2s"><img src="images/page2b/images/05.png"></div>
					</div>

				</div>


				<!-- 页面8 -->
				<div class="swiper-slide slideEight">
					<div class="ConSn">
						<img src="images/page08/01.png" class="an" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="0.3s">
						<img src="images/page08/03.png" class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="0.3s">
						<img src="images/page08/04.png" class="ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="0.3s">
						
					</div>

				</div>
				<!-- 页面8F -->
				<div class="swiper-slide slideEight">
					<div class="ConSn">
						<img src="images/page09/01.png" class="an" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="0.3s">
						<img src="images/page09/03.png" class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="0.3s">
						<img src="images/page09/04.png" class="ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="0.3s">
						
					</div>

				</div>




				<!-- 页面3 -->
				<div class="swiper-slide slideThree">
					<div id="shou" class="shou"><img src="images/public/shou.png"></div>

					<div class="ConSn">
						<div class="photo ani" data-img="2" swiper-animate-effect="fadeInDownBig" swiper-animate-duration="1s" swiper-animate-delay="0.3s"><img src="images/page03/images/03.jpg"></div>
						<div class="photo ani" data-img="4" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="0.3s"><img src="images/page03/images/06.jpg"></div>
						<div class="photo ani" data-img="3" swiper-animate-effect="fadeInLeftBig" swiper-animate-duration="1s" swiper-animate-delay="0.3s"><img src="images/page03/images/10.jpg"></div>
						<div class="photo ani" data-img="0" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="0.3s"><img src="images/page03/images/14.jpg"></div>
						<div class="photo ani" data-img="8" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="0.3s"><img src="images/page03/images/17.jpg"></div>
						<div class="photo ani" data-img="1" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="0.3s"><img src="images/page03/images/21.jpg"></div>
						<div class="photo ani" data-img="5" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="0.3s"><img src="images/page03/images/23.jpg"></div>
						<div class="photo ani" data-img="6" swiper-animate-effect="fadeInUpBig" swiper-animate-duration="1s" swiper-animate-delay="0.3s"><img src="images/page03/images/27.jpg"></div>
						<div class="photo ani" data-img="7" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="0.3s"><img src="images/page03/images/31.jpg"></div>

					</div>
					

				</div>


				<!-- 页面4 -->
				<div class="swiper-slide slideFour">

					<div class="ConSn">
						<div class="photo ani" data-img="15" swiper-animate-effect="fadeInDownBig" swiper-animate-duration="1s" swiper-animate-delay="0.3s"><img src="images/page04/images/03.jpg"></div>
						<div class="photo ani" data-img="12" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="0.3s"><img src="images/page04/images/06.jpg"></div>
						<div class="photo ani" data-img="11" swiper-animate-effect="fadeInDownBig" swiper-animate-duration="1s" swiper-animate-delay="0.3s"><img src="images/page04/images/09.jpg"></div>
						<div class="photo ani" data-img="13" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="0.3s"><img src="images/page04/images/13.jpg"></div>
						<div class="photo ani" data-img="9" swiper-animate-effect="fadeInUpBig" swiper-animate-duration="1s" swiper-animate-delay="0.3s"><img src="images/page04/images/15.jpg"></div>
						<div class="photo ani" data-img="12a" swiper-animate-effect="fadeInUpBig" swiper-animate-duration="1s" swiper-animate-delay="0.3s"><img src="images/page04/images/19.jpg"></div>
						<div class="photo ani" data-img="10" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="0.3s"><img src="images/page04/images/21.jpg"></div>
						<div class="photo ani" data-img="14" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="0.3s"><img src="images/page04/images/26.jpg"></div>

					</div>
					

				</div>

				<!-- 页面5 -->
				<div class="swiper-slide slideFive">

					<div class="ConSn">
						<div class="photo ani" data-img="18" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="0.3s"><img src="images/page05/images/03.jpg"></div>
						<div class="photo ani" data-img="17" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="0.3s"><img src="images/page05/images/07.jpg"></div>
						<div class="photo ani" data-img="20" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="0.3s"><img src="images/page05/images/10.jpg"></div>
						<div class="photo ani" data-img="16" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="0.3s"><img src="images/page05/images/14.jpg"></div>
						<div class="photo ani" data-img="21" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="0.3s"><img src="images/page05/images/18.jpg"></div>
						<div class="photo ani" data-img="23" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="0.3s"><img src="images/page05/images/22.jpg"></div>
						<div class="photo ani" data-img="22" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="0.3s"><img src="images/page05/images/25.jpg"></div>
						<div class="photo ani" data-img="19" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="0.3s"><img src="images/page05/images/28.jpg"></div>

					</div>
					

				</div>

				<!-- 页面6 -->
				<div class="swiper-slide slideSix">

					<div class="ConSn">
						<div class="photo ani" data-img="24" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="0.3s"><img src="images/page06/images/03.jpg"></div>
						<div class="photo ani" data-img="26" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="0.3s"><img src="images/page06/images/07.jpg"></div>
						<div class="photo ani" data-img="30" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="0.3s"><img src="images/page06/images/10.jpg"></div>
						<div class="photo ani" data-img="25" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="0.3s"><img src="images/page06/images/14.jpg"></div>
						<div class="photo ani" data-img="29" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="0.3s"><img src="images/page06/images/18.jpg"></div>
						<div class="photo ani" data-img="27" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="0.3s"><img src="images/page06/images/20.jpg"></div>
						<div class="photo ani" data-img="31" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="0.3s"><img src="images/page06/images/23.jpg"></div>
						<div class="photo ani" data-img="28" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="0.3s"><img src="images/page06/images/28.jpg"></div>

					</div>
					

				</div>


				

				<!-- 页面7 -->
				<div class="swiper-slide slideSeven">

					<div class="ConSn slideSevenCon" id="">
						<img src="images/page7a/images/02.png" class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="0.3s">
						<img src="images/page7a/images/04.png" class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="0.6s">
						<img src="images/page7a/images/05.png" class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="0.9s">
						<img src="images/page7a/images/07.png" class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="1.2s">
						<img src="images/page7a/images/09.png" class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="1.5s">
						<img src="images/page7a/images/10.png" class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="1.8s">
						<img src="images/page7a/images/11.png" class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="2.1s">
						<img src="images/page7a/images/12.png" class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="2.4s">
						<img src="images/page7a/images/13.png" class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="2.7s">
						
					</div>
					

				</div>

				<!-- 页面7F -->
				<div class="swiper-slide slideSeven">

					<div class="ConSn slideSevenCon" id="">
						<img src="images/page7b/images/02.png" class="ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="0.3s">
						<img src="images/page7b/images/03.png" class="ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="0.6s">
						<img src="images/page7b/images/04.png" class="ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="0.9s">
						<img src="images/page7b/images/05.png" class="ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="1.2s">
						<img src="images/page7b/images/07.png" class="ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="1.5s">
						<img src="images/page7b/images/09.png" class="ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="1.8s">
						<img src="images/page7b/images/10.png" class="ani" swiper-animate-effect="zoomInDown" swiper-animate-duration="2s" swiper-animate-delay="3s">
					</div>
					

				</div>




			</div>

		</div>

	</section>


	<audio id="MyAudio" src="audio/audio.mp3"  loop="loop"></audio>

	<script type="text/javascript" src="script/index.js"></script>

	<script type="text/javascript" src="script/weixin/weixin.js"></script>
	
</body>
</html>